<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />	
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/public.css" />
		<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
	    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
	</head>
	<body class="sy_bd">
		<div class="sy_yun"><img src="img/yun.png" alt="" /></div>
		<div class='sy_title'><span>余先生</span>为你传递你们的“即行券”</div>
		<div class='sy_time'><span>剩余时间</span>1小时20分钟</div>
		<div class="sy_city"><img src="img/city.png" alt="" /></div>
		<div class="sy_paodao"><img src="img/paodao.jpg" alt="" /></div>
		<div class="sy_car">
			<div class="car">
				<img src="img/car.png" alt="" />
				<img src="img/luntai.png" alt="" class="luntai luntai-left"/>
				<img src="img/luntai.png" alt="" class="luntai luntai-right"/>
			</div>
		</div>
		<div class="sy_qipao"><img src="img/qipao.png" alt="" /></div>
		
		
		
		<script>
			$('.bb').click(function(){
				$('.img').css('-webkit-animation-play-state','paused');
			})			
			var timeShow=function(){
				$('.sy_qipao').show();
			}
			setTimeout('timeShow()',5000);
			$(window).load(function() {
				var pdHeight=$('.sy_paodao').height();
				var pdWidth=$('.sy_paodao img').width();
				var pmWidth=$(window).width();
				$('.sy_city').css('bottom',pdHeight);
				$('.sy_car').css('bottom',pdHeight/2+'50px');
				$('.sy_paodao img').animate({'left':-pdWidth+pmWidth},5000,'linear');
				var cityWidth=$('.sy_city img').width();
				$('.sy_city img').animate({'left':-cityWidth+pmWidth},5000,'linear');
				if($(window).height()<=560){
					$('.sy_qipao').css('bottom','35%');
				}
            });
            setTimeout(function(){
	           					location.href='put.html';},6000)
		</script>
	</body>
</html>
